.usersPage {
  .statsRow {
    margin-bottom: 16px;
  }

  .filterCard {
    margin-bottom: 16px;
  }

  .username {
    font-weight: 500;
    color: #262626;
  }

  .displayName {
    font-size: 12px;
    color: #8c8c8c;
    margin-top: 2px;
  }

  :global(.ant-table-thead > tr > th) {
    background-color: #fafafa;
    font-weight: 600;
  }

  :global(.ant-table-tbody > tr:hover > td) {
    background-color: #f5f5f5;
  }

  :global(.ant-statistic-title) {
    font-size: 14px;
    color: #8c8c8c;
  }

  :global(.ant-statistic-content) {
    font-size: 20px;
    font-weight: 600;
  }

  :global(.ant-card) {
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  }

  :global(.ant-btn-text:hover) {
    background-color: rgba(0, 0, 0, 0.04);
  }

  :global(.ant-btn-text.ant-btn-dangerous:hover) {
    background-color: rgba(255, 77, 79, 0.06);
    color: #ff4d4f;
  }

  :global(.ant-modal-header) {
    border-bottom: 1px solid #f0f0f0;
    padding: 16px 24px;
  }

  :global(.ant-modal-title) {
    font-size: 16px;
    font-weight: 600;
  }

  :global(.ant-form-item-label > label) {
    font-weight: 500;
  }

  :global(.ant-input:focus, .ant-input-focused) {
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  }

  :global(.ant-select:not(.ant-select-disabled):hover .ant-select-selector) {
    border-color: #40a9ff;
  }

  :global(.ant-select-focused .ant-select-selector) {
    border-color: #1890ff !important;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
  }

  :global(.ant-tag) {
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  :global(.ant-pagination) {
    margin-top: 16px;
    text-align: right;
  }

  :global(.ant-pagination-options) {
    margin-left: 16px;
  }

  :global(.ant-table-pagination.ant-pagination) {
    margin: 16px 0 0 0;
  }

  :global(.ant-empty) {
    padding: 40px 0;
  }

  :global(.ant-spin-container) {
    min-height: 200px;
  }

  // 响应式设计
  @media (max-width: 768px) {
    .statsRow {
      :global(.ant-col) {
        margin-bottom: 16px;
      }
    }

    .filterCard {
      :global(.ant-row) {
        flex-direction: column;
        gap: 16px;
      }
    }

    :global(.ant-table) {
      font-size: 12px;
    }

    :global(.ant-modal) {
      margin: 0;
      max-width: 100vw;
      top: 0;
    }
  }

  // 暗色主题支持
  @media (prefers-color-scheme: dark) {
    .username {
      color: rgba(255, 255, 255, 0.85);
    }

    .displayName {
      color: rgba(255, 255, 255, 0.45);
    }

    :global(.ant-table-thead > tr > th) {
      background-color: #1f1f1f;
    }

    :global(.ant-table-tbody > tr:hover > td) {
      background-color: #262626;
    }

    :global(.ant-card) {
      background-color: #141414;
      border-color: #303030;
    }
  }
}